<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/public.css">
    <link rel="stylesheet" href="./css/iconfont.css">
    <link rel="stylesheet" href="./css/pay.css">
</head>
<body>
    <div class="index clearfix inner" id="index">
        <div class="left fl">
            <img src="./images/course_tab5.png" alt="" class="logo fl">
            <div class="nav fl">
                <a href="./index.html">
                    <span>首页</span>
                </a>
                <a href="./sync_class.html">
                    <span>同步课程</span>
                </a>
                <a href="./test-paper.html">
                    <span class="pitch-on">在线练习</span>
                </a>
                <a href="#">
                    <span>精品课程</span>

                </a>
            </div>
        </div>
        <div class="right fr">
            <div class="search fl">
                <span class="fl">课程</span>
                <input class="fl" type="text" name="search">
                <i class="iconfont icon-sousuo"></i>
                <b class="iconfont icon-sanjiaoxia"></b>
            </div>
            <span class="login fr">
                登录 / 注册
            </span>
        </div>
    </div>
    <hr>
    <div class="bgc">
        <div class="inner clearfix">
            <img src="./images/支付_声明.png" alt="" class="fl">
            <p class="fl">
                请在平台进行线上交易。与课程方私下交易造成的损失，小U课堂不承担责任。如有讲师提出私下交易，请联系我们投诉。
            </p>
        </div>
    </div>
    <div class="pay-content inner">
        <div class="title clearfix">
            <h3 class="fl">确认订单信息</h3>
            <p class="fl">
                请在<span>2:59:26</span>内完成支付，否则订单会被自动取消
            </p>
        </div>
        <div class="useid clearfix">
            <img class="fl" src="./images/支付_傻屌.png" alt="">
            <div class="left fl">
                <h5>购买账号：哈哈哈</h5>
                <p>
                    注意：购买后不支持退款、转让，请确认开课时间或有效期后再提交订单
                </p>
            </div>
        </div>
        <div class="pey-way">
            <h4>支付方式</h4>
            <ul class="clearfix">
                <li>
                    <img src="./images/支付_支付宝.png" alt=""><span>支付宝</span><input type="radio" name="pay">
                </li>
                <li>
                    <img src="./images/支付_支付宝.png" alt=""><span>支付宝</span><input type="radio" name="pay">
                </li>
                <li class="center">
                    <img src="./images/支付_支付宝.png" alt=""><span>支付宝</span><input type="radio" name="pay">
                </li>
                <li>
                    <img src="./images/支付_支付宝.png" alt=""><span>支付宝</span><input type="radio" name="pay">
                </li>
                <li class="last">
                    <img src="./images/支付_支付宝.png" alt=""><span>支付宝</span><input type="radio" name="pay">
                </li>
                <li>
                    <img src="./images/支付_支付宝.png" alt=""><span>支付宝</span><input type="radio" name="pay">
                </li>
                <li>
                    <img src="./images/支付_支付宝.png" alt=""><span>支付宝</span><input type="radio" name="pay">
                </li>
            </ul>
        </div>
        <div class="pey-class">
            <h4>购买课程</h4>
            <div class="class clearfix">
                <div class="left fl">
                    <div class="fl none"></div>
                    <div class="right fl">
                        <h5>
                            化学的研究对象和研究方法
                        </h5>
                        <p>
                            李明老师<span></span>09月16日-09月19日
                            <span></span>4节课
                        </p>
                    </div>
                </div>
                <div class="right fr">
                    <p>￥199</p>
                    <p class="pey-nub">
                        实付：<span>￥199</span>
                    </p>
                    <a href="#">
                        <button>立即支付</button>
                    </a>
                </div>
            </div>
        </div>
    </div>
    <div class="base">
        <p class="nav">
            首页 | 关于我们 | 加入我们 | 合作专区 | 联系我们 | AI开放平台 | 意见反馈 | 漏洞提交 | 隐私政策 | 版权声明 | 反盗链声明 | 网上有害信息举报 | 备案公示 | 营业执照 | 教师资格证公示
        </p>
        <p>
            京ICP备 13030888号 Copyright © 2014-2019 行者信息科技（北京）有限公司 | 地址：北京市新华区马当路388号C座 | 电话：010-66666666 | &nbsp;京公网安备 01010102002533号
        </p>
        <p>
            京网文（2018）4086-308号 | 网络文化经营许可证：沪网文[2018]4086-108号 | 增值电信业务经营许可证：京B2-20150021 | 食品经营许可证：JY310114DD88888 
        </p>
        <p>
            医疗器械经营许可证：京嘉食药监械经营许20188008号 | 互联网药品信息服务资格证书：(京)0经营性-2018-0011 |
        </p>
    </div>
</body>
</html>